<jsp:include page="../includes/header.jsp" />

	
<div data-role="page" data-theme="d">

	<div data-role="panel" id="defaultpanel" title="Op��es">
		<jsp:include page="../includes/options.jsp" />
	</div>

	<div data-role="header" data-theme="a">
		<h1>Cadastro de Respons�vel</h1>
		 <a href="#defaultpanel" data-icon="home" data-iconpos="notext" data-icon="grid" data-theme="b" ></a>
	</div>

	<div data-role="content" data-theme="c" class="responsibleDiv">

			<!-- <a href="#defaultpanel"
			data-rel="close">Close panel</a> -->

				 <a href="#popupDialog" data-rel="popup" data-position-to="window" data-role="button" data-theme="b" data-transition="pop" data-inline="true">Cadastrar Respons�vel</a>
				 
				 <div data-role="popup" id="popupDialog" data-overlay-theme="a" data-theme="c" data-dismissible="false" style="max-width:400px;" class="ui-corner-all">
   					
   					 <div data-role="header" data-theme="a" class="ui-corner-top">
     		  			 <h1>Cadastrar</h1>
  					 </div>
  					 
 			   <div data-role="content" data-theme="d" class="ui-corner-bottom ui-content" class="popupClass">
       			<form>
        			<h3>Novo Respons�vel</h3>
        			<div class="fieldNameDiv">
       					 <label for="fieldName">Nome:</label> 
					 	 <input type="text" name="fieldName" value="" class="inputName" data-inline="true">
        			</div>
				 
					 <div class="fieldEmailDiv">
				 		<label for="fieldEmail">E-mail:</label>
						<input type="email" name="fieldEmail" id="fieldEmail" value="" class="input" data-inline="true" >
					</div>
				 
					<div class="fieldPhoneDiv">
				 		<label for="fieldPhone">Telefone:</label>
				 		<input type="tel" name="fieldPhone" id="fieldPhone" value="" class="input" data-inline="true">
				 	</div>
				 </form>
    			     <a href="#" data-role="button" data-inline="true" data-rel="back" data-theme="c">Cancel</a>
      				 <a href="#" data-role="button" data-inline="true" data-transition="flow" data-theme="a">Salvar</a>
    			</div>
</div>
				 

	</div>

	<div data-role="footer">
		<h4>Page Footer</h4>
	</div>

</div>

